{% extends 'base.html' %}
{% block content %}
<link rel="stylesheet" href="/css/article_read.css">
<div>
    <div class="a">
        <div class="search">
            <input type="text"  class="search-input" placeholder="请输入关键字">
           <button>搜索</button>
        </div>

        <div class="search-right">
            <div class="search-right1">最新文章</div>
            <ol>
                <li>web系统开发框架特性对比分</li>
                <li>web系统开发框架特性对比分</li>
                <li>web系统开发框架特性对比分</li>
                <li>web系统开发框架特性对比分</li>
                <li>web系统开发框架特性对比分</li>
                <li>web系统开发框架特性对比分</li>
                <li>web系统开发框架特性对比分</li>
                <li>web系统开发框架特性对比分</li>
                <li>web系统开发框架特性对比分</li>
            </ol>
        </div>

        <div class="search-right">
            <div class="search-right1">特别推荐</div>
            <ol>
                <li>web系统开发框架特性对比分</li>
                <li>web系统开发框架特性对比分</li>
                <li>web系统开发框架特性对比分</li>
                <li>web系统开发框架特性对比分</li>
                <li>web系统开发框架特性对比分</li>
                <li>web系统开发框架特性对比分</li>
                <li>web系统开发框架特性对比分</li>
                <li>web系统开发框架特性对比分</li>
                <li>web系统开发框架特性对比分</li>
            </ol>
        </div>

    </div>

    <div class="dashed-box1">

        <p>
            <span>作者：{{article.nickname}}</span> &nbsp;&nbsp;&nbsp;
            <span>类别：{{article.type}}</span> &nbsp;&nbsp;&nbsp;
            <span>日期：{{article.createtime}}</span>&nbsp;&nbsp;&nbsp;
            <span>阅读：{{article.readcount}}次</span>&nbsp;&nbsp;&nbsp;
            <span>消耗积分：  {{article.credit}}分</span>&nbsp;&nbsp;&nbsp;
        </p>
        <div class="dashed-line-background"></div>
        <br>
        <div>
            {{article.content}}
            <br><br><br>
            <div class="article-read-right">
                <span>编辑内容</span>&nbsp;&nbsp;&nbsp;<span>收藏本文</span>
            </div>
        </div>
    </div>

     <div class="dashed-box1">
         <div>
             版权所有，转载本站文章请注明出处：蜗牛笔记，
             http://www.woniunote.com/article/1
         </div>
         <div>上一篇：
             <a href="#">python中利用装饰器实现复杂函数功能</a>
         </div>
         <div>下一篇：
             <a href="#">python中的多线程在测试和开发中的应用</a>
         </div>
     </div>
    <div>
        <div class="dashed-box1">
            <div>
                <label for="nickname">你的昵称</label>
                <input type="text" id="nickname" name="nickname"></input>
            </div>
            <br>
            <div>
                <label for="comment">你的评论</label>
                <textarea id="comment" name="comment"></textarea>
            </div>
            <div style="text-align: left; color: #888888;">
                提示：登录后添加有效评论可获得积分哦！
            </div>
            <div>
                <button type="button">提交评论</button>
            </div>
            <div>
                <span>强哥&nbsp;&nbsp;2020-02-06&nbsp;15:58:10</span>
                <span class="btn-right">反对</span>
                <span class="btn-right">赞成&nbsp;&nbsp;&nbsp;&nbsp;</span>
            </div>
            <br>
            <div>感谢作者的无私奉献，这是一条真诚表达谢意的评论；</div>
        </div>
    </div>

</div>

<script src="/js/jquery-3.4.1.min.js"></script>
<script>
    function addFavorite(articleid) {
        $.post('/favorite', 'articleid=' + articleid, function (data) {
            if (data == 'not - login') {
                bootbox.alert({title: "错误提示", message: "你还没有登录，不能收藏文章。"});
            } else if (data == 'favorite - pass') {
                bootbox.alert({title: "信息提示", message: "文章收藏成功，可在我的收藏中查看。"});

                $(".favorite-btn").html('<span class = "oi oi-heart"aria-hidden= "true"></span > 感谢收藏');

                $(".favorite-btn").attr('onclick', '').unbind('click');
            } else if (data == 'favorite-fail') {
                bootbox.alert({title: "错误提示", message: "收藏文章出错，请联系管理员。"});
            }
        });

        function cancelFavorite(articleid) {
            $.ajax({
                url: '/favorite' + articleid,
                type: 'delete',
                success: function (data) {
                    if (data == 'not-login') {
                        bootbox.alert({title: "错误提示", message: "你还没有登录，不能取消收藏文章。"});
                    } else if (data == 'cancel-pass') {
                        bootbox.alert({title: "信息提示", message: "取消收藏成功。"});
                        $(".favorite-btn").html('<span class = "oi oi-heart"aria-hidden= "true"></span > 欢迎再来');
                        $(".favorite-btn").attr('onclick', '').unbind('click');
                    } else if (data == 'cancel-fail') {
                        bootbox.alert({title: "错误提示", message: "取消收藏出错，请联系管理员。"});
                    }
                }
            });
        }
    }
</script>






{% endblock %}